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PHP 5.5 Web 需 基础 教程 : 开发 一 个 在 线 阅 读 网 站 


从 规 开 始 ， 教 你 HTML、PHP、MySQL、CSS、JavaScript， 开 发 一 个 在 线 阅 读 网 站 (可 以 当 短篇 小 说 网 站 、 新 闻 网 站 ) ， 
并 且 赚 钱 。 


基于 兴趣 ， 想 做 什么 就 动手 做 ， 边 做 边 学， 理论 后 来 再 总 结 ， 自 然 醒 本 灌顶 。 


本 书 是 开源 书籍 ， 采 用 markdown 语 法 ， 书 放 在 github.com。 代 码 也 是 开源 的 ， 也 在 github 上 。 图 片 放 在 免费 的 七 牛 云 存 
储 qiniu.com 上 。 例 子 中 的 文章 来 自 简 书 的 Ryekee、 游 苏 工 ， 在 此 先 说 声 “ 谢 谢 ”) 


如 果 发 现 错别字 或 者 有 意见 建议 ， 欢 迎 反馈 ， 可 以 在 简 书 里 直接 评论 ， 或 者 在 github Issues 里 面 提 ， 电 子 书 修改 更 新 还 是 很 
方便 的 。 


GitBook 在 线 阅 读 与 下 载 : https:/Awww.gitbook.io/book/sinkcup/php-web-tutorial-create-online-reader 
简 书 在 线 阅 读 : http://jianshu.io/notebooks/104779/latest 


书 的 github : https://github.com/sinkcup/php-web-tutorial-create-online-reader 


代码 的 github : https://github.com/sinkcup/php-ebook-online-reader 





ANR 


本 章 教 你 做 一 个 能 运行 的 网 站 ， 并 且 带 来 收入 ， 学 完 以 后 编程 就 人 门 了 ， 但 离 高 手 还 很 远 。 


为 什么 学 PHP 

如 果 是 想 做 网 站 ， 那 看 这 本 书 就 对 了 。 
哪些 国际 公司 使 用 PHP 
哪些 国内 公司 使 用 PHP 


todo 


语义 化 HTML 


打开 浏览 器 ， 访 问 一 个 网 站 ， 看 到 了 漂亮 的 网 页 。 比 如 豆 办 (douban.com) 是 这 样 的 : 


豆瓣 - Mozilla Firefox 


À Ty 4) 17:02 
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《 Google QA $+ f€ 加 ”HTML5-seePageSource| 三 
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HERF»)... 3 
份 小 攻略 ， 希 望 能 有 线 上 活动 ... ine 
全 选 (A) 如 果 时 光 能 倒流 ， 你 会 做 些 什么 ? 
tietie Caecum 何 提高 你 的 绘画 和 设计 技 stig] .5 月 20 日 -6 月 19 
水 彩 画笔 测评 配 图 80 张 照 7 T 查看 页 面 信息 () 232 1 
查看 元 素 (Q) 愿 放 过 自己 一 张 图 说 出 你 的 城市 故事 
读 小 说 的 乐趣 i 2H 
如 何 画 画 ， 你 问 我 答 ~ 
—_ i 晒 几 张 你 最 美的 照片 ( 有 奖 活动 ) 
¥ RN 教 你 重 曝 ~~~ EI 





右键 “查看 页 面 源 代码 ”看 到 了 一 行 行 的 文本 。 是 这 样 的 : 


Firefox 网 络 浏览 器 A; ty 17:30 三 





N.douban.com + ¢| |r Google QA A $+ ft ©~ HTMLS-seePageSource| = 


aR douban 读书 Be SR MA MR SME RA 


源 : http://www.douban.com/ - Mozilla Firefox 


<IDOCTYPE HTML> 

<html lang="zh-CN" class="ua-linux ua-ff29"> 

<head> 

<meta charset="UTF-8"> 

<meta content=" 提 供 图 书 、 电 影 、 音 乐 唱片 的 推荐 、 评 论 和 价格 比较 ， 以 及 城市 独特 的 文化 生活 。" name="description"> 

<meta property="wb:webmaster" content="4333122820fff864" /> 

<meta property="qc:admins" content="27514711322166375" /> 

<title> 豆 闪 </title> 

<script> 

window.Douban=window.Douban | | {};var Do=function(){Do.actions.push([].slice.call(arguments))};Do.ready=function(){Do.actions.push([ 
Do.add(‘dialog', {path: 'http://img3.douban.com/f/shire/4b3bad5e25de78678d700dd5353570dce3e6bbcc/js/ui/dialog.js', type: 'js', requir¢ 
Do.global(‘http://img3.douban.com/f/sns/1¢393976037944e87f6bb42f0084f3d5f0d94e3f/js/sns/fp/base.js', ‘dialog’); 

</script> 

<link rel="stylesheet" href="http://img3.douban.com/f/shire/86e0773ca9b58697ddaae8e7a3b80ed 1 f3e909db/css/core/_init_.css"> 
<link rel="stylesheet" href="http://img3.douban.com/f/sns/2edca3b21988b66d3d13388dde0fa915c3f76b30/css/sns/anonymous home.- 














类 别 行 列 HTML 错误 与 警告 帮助 Htmlpedia... 清理 此 页 面 ..， 选 项 … 
@ Result 26 错误 /2 警告 | HTML Validator 
2 Info W3c Online Validation | pp 
加 错误 ”70 173 An img element must have an alt attribute, ex... |.) solution: 
加 错误 102 134 An img element must have an alt attribute, ex... ‘You are welcome to contribute. Use the Himipedia button above to edit the help. It will be included in next versions of the extension. 
@wiz 500 78 An img element must have an alt attribute, ex...| | References: 
加 错误 621 117 An img element must have an alt attribute, ex... | | Enension homepage: hnip/users.skvnet beimgueurv/mozilla/ 


r- . A Himipedia: http /eww htmipedia.org 
GHz 646 120 An img element must have an alt attribute, ex... 


加 错误 656 120 An img element must have an alt attribute, ex... 
ig 666 120 _ Anima element must have an alt attribute. ex... = 





ai) 


来 嘛 教 你 重 曝 ~~~ 时 间 : 5 月 16 日 -8 月 16 日 


把 这 些 代码 复制 下 来 ， 保 存 成 index.html 文 件 ， 用 浏览 器 打开 ， 看 到 了 和 访问 douban.com 一 样 的 内 容 。 如 图 : 
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le:///home/sinkcup/index.htm + €| (B> Google Q % 8 + a @~ HTMLS5-seePageSource| = 
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index.html (~) - gedit 
R 隐 打 开 Bee S 撤消 a 
index.html x 
[<!DOCTYPE HTML> 

}<html Lang="zh-CN" class="ua-Linux ua-ff29"> 

| <head> 

siete charset="UTF-8"> 

[<meta content=" 提 供 图 书 、 电 影 、 音 乐 唱片 的 推荐 、 评 论 和 价格 比较 ， 以 及 城市 独特 的 文化 生活 。" name="description"> 
[<meta propert. webmaster" content="4333122820fff864" /> 

[<meta property= admins" content="27514711322166375" /> 

|<title> 豆 办 </title> 

|<script> 

Iwindow.Douban=window.Douban| |{};var Do=function(){Do.actions.push([].slice.call(arguments))};Do.ready=function(){Do.actions.push 
I([].slice.call(arguments))};Do.add=Do.define=function(a,b){Do.mods[a]=b};Do.global=function() 
|{Do.global.mods=Array.prototype.concat(Do.global.mods,[].slice.call(arguments) )};Do.global.mods=[];Do.mods={};Do.actions= 
[];function set_cookie(g,f,d,e){var b=new Date(),a,c;b.setTime(b.getTime()+((f| |30)*24*60*60*1000));a="; expires="+b.toGMTString 
();for(c in g){document.cook +"="+g[c]+a+"; domain="+(d||"douban.com")+"; path="+(e||"/")}}function get_cookie(b){var e=b 
+"=s",a=document.cookie.split(";"),d,f;for(d=0;d<a. Length; d++){f=a[d];while(f.charAt(®)=="_"){f=f.substring(1,f. length) }if 
(f.indexOf(e)===0){return f.substring(e. length, f. length). replace(/\"/g,"")}}return null}Douban. init_show_login=function(a) {Do 
("dialog",function(){var b="/j/misc/login_form";dui.Dialog({title: "SIR" ,url:b,width: /device-mobile/i.test 


制 表 符 宽度 : 8， 
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HTML ~ 47 1935 , 51 插入 














5 月 22 日 - 6 月 22 日 





h > 重读 小 说 


如 何 画 画 ， 你 问 我 答 ~ 





晒 几 张 你 最 美的 照片 ( 有 奖 活动 ) 
来 嘛 教 你 重 曝 ~~~ 时 间 : 5 月 16 日 - 8 月 16 日 





这 就 是 HTML， 写 的 时 候 是 一 行 行 的 文本 ， 用 浏览 器 打开 ， 就 会 泻 染 成 图 形 化 的 界面 。 


下 面 开始 开发 一 个 “在 线 阅读 网 站 "”， 可 以 用 来 当 小 说 网 站 、 博 客 、 新 闻 网 站 等 等 。 


先 来 规划 一 下 产品 要 做 哪些 功能 ? 


e 首页 : 显示 文章 列表 ， 列 表 里 显示 每 篇 文章 的 标题 、 摘 要 。 


。 详情 页 : 显 3 


示 整 篇 文章 。 


e 发 表 页 : 给 出 文本 框 ， 录 入 保存 文章 。 


首页 的 HTML 代 码 如 下 : 





<?xml version="1.0" encoding="UTF-8"?> 

<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmins="http://www.w3.org/1999/xhtml" xml:lang="zh-Hans" lang="zh-Hans"> 
<head> 


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<title> 在 线 阅读 </title> 




















</head> 
<body> 
<h1> 在 线 阅读 </h1> 
<div><a href="./add_article.html"> 写 文章 </a></div> 
<ul> 
<li><a href="./get_article.html?id=1"> 论 不 同 的 科学 上 网 的 方式 对 数据 造 
成 的 影响 </a> 
<p> 摘 要 : 通过 对 不 同 的 科学 上 网 的 方式 的 体验 和 说 明 ， 试 图 探寻 其 造成 > 这 种 现象 的 背后 的 原因 。 并 为 其 他 研究 者 提供 理论 依据 。 1) GoAgent I 
</li> 

















<li><a href="http://tech.163.com/11/0401/15/70IJH2KI000915BF.html" target="_blank"> 奇 虎 360 上 市 员工 平均 身价 580 万 </a> 


<p>“360 员 工 全 部 进入 北京 二 环 以 内 。" 现 场 一 位 北京 记者 的 一 句 戏 言 ， 引 发 现场 爆发 出 欢呼 。 奇 虎 总 裁 齐 向 东 对 本 报表 示 ，360 此 举 ， 确 实 创造 了 
</li> 


<li><a href="http:/www.douban.com/note/214971831/ 必 target=" blank"> 你 想 在 一 个 暮 气 沉 沉 的 大 公司 里 写 一 天 用 不 上 的 代码 然后 回 家 . 
<p> 在 我 们 这 里 ， 你 可 以 得 到 什么 ? 


1. 跟 对 一 个 老大 ， 参 与 一 个 伟大 的 公司 的 创业 ; 
2. 在 它 伟 大 之 前 ， 就 得 以 在 一 个 甚至 能 输出 价值 观 的 牛 逼 公司 里 骄傲 地 



































作 ; 

3. 虽 然 我 们 相信 你 不 会 舍得 早早 从 这 样 的 公司 退休 ， 但 还 是 为 你 准备 了 一 
份 上 市 时 就 足以 让 你 退休 、 足 以 让 你 彻底 沦 为 一 个 废物 的 股份 /期 权 ; 

4. 每 人 一 把 Herman Miller 的 Embody， 或 okamura 的 contessa。 





来 吧 ， 小 伙 子 们 ， 这 多 半 是 你 们 一 生 一 次 的 机 会 ， 把 个 人 简历 投 到 这 里 吧 : 
laoluomobile@gmail.com 





罗 永 浩 
</p> 
</li> 
</ul> 
</body> 
</html> 


«| 


在 浏览 器 中 打开 是 这 样 的 : 


在 线 阅 读 - Mozilla Firefox 











A ty 10:24 ¢ 





+ ¢] [~ Google Q 人 女 自 + 合 加 -0 错误 /0 警告 | 三 


。 论 不 同 的 科学 上 
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摘要 : 通过 对 不 同 的 科学 上 网 的 方式 的 体验 和 说 明 ， 试 图 探寻 其 造成 这 种 现象 的 背后 的 原因 。 并 为 其 他 研究 者 提供 理论 依据 。 1) GoAgent 口感 偏 硬 ， 数 据 刚 朗 ， 不 经 


任何 的 加 工 和 修饰 ， 尤 其 是 在 Windows 下 使 用 ， 一 口 咬 下 去 让 人 头皮 发 麻 。 即 便 最 新 的 产品 通过 rc4 稍稍 润 饰 ， 但 仍旧 无 法 洗 去 那 钻 





师姐 没事 嘴 曙 总 说 ， 攒 够 钱 了 去 垫 个 鼻子 ， 拉 个 双眼 皮 。 我 说 ， 你 还 不 如 ， 去 隆 个 胸 。 师姐 受到 的 最 多 的 赞美 ， 就 是 有 和 气质。 很 明显 ， 师 姐 ， 不 算 漂亮 ， 也 不 够 性 
感 。 师姐 一 直 没有 恋爱 过 ， 这 让 我 挺 这 异 的 ， 直 到 她 提起 师兄 ， 我 才 知 道 ， 原 来 师姐 如 此 纯情 地 喜欢 着 师兄 这 么 多 年 。 师兄 是 师姐 的 师兄 ， 在 我 认识 师 


。 人 在 北京 ，30 岁 了 ， 实 在 买 不 起 房 ， 对 生活 感到 悲观 ， 怎 么 办 ? 


事实 上 ， 我 是 为 这 个 被 折 双 的 答案 来 写 一 篇 回复 的 ， 我 只 想 说 ， 楼 主 在 精神 上 没准 备 好 买房 ( 虽然 我 很 不 受 这 么 定义 一 个 人 ) ， 即 使 他 的 收入 增长 50%， 到 了 30 万 ， 他 
还 会 抱怨 买 不 起 房子 。 说 说 我 自己 吧 ， 我 是 29 岁 的 时 候 买 的 房子 ， 在 这 之 前 ， 错 过 了 很 多 的 好 机 会 


e 奇 虚 360 上 市 员工 平均 身价 580 万 











“360 员 工 全 部 进入 北京 二 环 以 内 。 "现场 一 位 北京 记者 的 一 句 戏言， 引发 现场 爆发 出 欢呼 。 奇 虎 总 裁 齐 向 东 对 本 报表 示 ，360 此 举 ， 确 实 创造 了 中 国 互联 网 的 员工 致富 神 
话 。 据 了 解 ， 入 职 9 个 月 以 上 的 员工 一 般 就 能 拿 到 股份 ， 一 般 员工 持 股 4000 股 左右 ， 按 照 每 股 34 美 元 减 去 相关 费用 计算 ， 获 利 约 70 多 万 元 人 民 币 





在 我 们 这 里 ， 你 可 以 得 到 什么 ? 1. 跟 对 一 个 老大 ， 参 与 一 个 伟大 的 公司 的 创业 ; 2. 在 它 伟 大 之 前 ， 就 得 以 在 一 个 甚至 能 输出 价值 观 的 牛 逼 公司 里 骄傲 地 工作 ; 3. 虽 然 我 
们 相信 你 不 会 舍得 早早 从 这 样 的 公司 退休 ， 但 还 是 为 你 准备 了 一 份 上 市 时 就 足以 让 你 退休 、 足 以 让 你 彻底 沦 为 一 个 废物 的 股份 /期 权 ; 4. 每 人 一 把 Herman Miller 的 
Embody ,或 okamura 的 contessa。 来 吧 ， 小 伙 子 们 ， 这 多 半 是 你 们 一 生 一 次 的 机 会 ， 把 个 人 简历 投 到 这 里 吧 : laoluomobile@gmail.com 罗 永 浩 


YN SZ 


ati 
| 


能 看 懂 这 些 代码 吗 ? 如 果 看 不 懂 ， 自 学 一 下 HTML 语 法 就 行 了 ， 很 简单 ， 预 计 需 要 1 至 2 天 时 间 。 教 程 在 这 里 : 《 梦 之 都 
HTML 教 程 》www.dreamdu.com。 


自学 : 2 天 。 


注音 


注意 : 截图 的 Firefox 右 上 角 有 个 “0 错误 /0 警告 "， 这 是 Firefox 扩 展 HTML Validator， 能 保证 你 写 出 100% 标 准 的 HTML， 特 别 


方便 ， 推 荐 安装 。 下 载 页 面 http:/users.skynet.be/mgueury/mozilla/, 
学 完 HTML， 知 道 语义 化 是 什么 意思 了 ， 会 写 最 简洁 的 HTML 了 ， 那 咱们 继续 

刚才 的 代码 是 首页 ， 其 他 还 有 详情 页 、 发 表 页 ， 在 这 里 : 

代码 下 载 : https://github.com/sinkcup/php-ebook-online-reader/tree/0.1.0 


下 载 以 后 ， 你 就 可 以 看 到 截图 里 的 精彩 内 容 ， 知 道 如 何 “ 在 北京 买房 " “9 个 月 挣 到 70w"”、*“30 岁 退休 "， 当 然 了 ， 为 了 吸引 青 
年 男女 ， 特 意 放 了 几 篇 XXOO 相 关 的 文章 ， 其 中 有 一 篇 是 老 罗 写 的 ， 很 精彩 又 不 低俗 ， 人 格 担保 ， 你 懂 的 。 


` 
总 结 Za l 


我 的 技术 水 平 
HTML 
语义 化 : 最 简 HTML 
已 解决 的 问题 
e SH ah Mas HTML 
自学 《 梦 之 都 HTML 教 程 》。 
e 如 何 写 出 100% 标 准 的 HTML 
使 用 Firefox 扩 展 HTML Validator 即 可 。 
e 【人 在 北京 ，30 岁 了 ， 实 在 买 不 起 房 ， 对 生活 感到 翡 观 ， 怎 么 办 ?]】 


肿 狗 同学 : 事实 上 ， 我 是 为 这 个 被 折 辣 的 答案 来 写 一 篇 回复 的 ， 我 只 想 说 ， 楼 主 在 精神 上 没准 备 好 买房 (虽然 我 很 不 爱 
这 么 定义 一 个 人 ) ， 即 使 他 的 收入 增长 50%， 到 了 30 万 ， 他 还 会 抱怨 ITEE ree http:/zhi.huWAJ1 (分 享 自 知 乎 ) 


待 解决 的 问题 
e 这 些 HTML 代 码 都 在 电脑 上 存 着 ， 本 地 能 打开 ， 但 别 的 电脑 、 手 机 如 何 访问 呢 ? 


且 听 下 回 分 解 。 


搭建 开发 环境 服务 器 


这 些 HTML 代 码 都 在 电脑 上 存 着 ， 本 地 能 打开 ， 但 别 的 电脑 、 手 机 如 何 访问 呢 ? 
安装 HTTP server 即 可 ， 常 见 的 有 nginx、apache。 本 书 以 流行 的 nginx 为 例 。 
看 过 《计算 机 互联 网 导论 》 的 童鞋 可 能 知道 ， 计 算 机 有 很 多 种 : 电脑 、 服 务 器 、 手 机 、 平 板 、 路 由 器 等 等 ， 其 中 电脑 是 面向 


个 人 桌面 的 ， 分 为 两 种 : PC 和 Mac，PC 上 面 主要 安装 Windows 系 统 、Linux 系 统 ，Mac 上 面 主 要 是 OS X。 引 用 那 本 书 的 两 
个 数据 表格 : 


电脑 操作 系统 市 场 占 有 率 


硬件 os 市 场 占有 率 
x86 PC Windows (个 人 使 用 羊 400 起 ， 公 司 商 业 使 用 半 1988 起 ) 90% 
x86 PC Linux (¥0) 1% 
x86 Mac OSX (¥0) 8% 


各 大 公司 使 用 的 服务 器 操作 系统 


硬件 os 谁 在 用 
x86-64 server (arm-64 正 Google, Facebook, in, PIB. BE. WK. F, 36084X 
在 起 步 ) 部 分 互联 网 公司 
x86-64 server bbl 微软 、 事 业 单 位 、 传 统 行业 等 非 技术 公司 


很 明星， 服务器 大 部 分 都 是 Linux 的 ， 因 为 系统 免费 又 开源 ， 可 以 自行 修改 定制 ; 硬件 可 自由 选择 ， 便 宜 ; 命令 行 界面 适合 脚 
本 编程 实现 自动 化 。 


不 过 大 陆 高 校 与 技术 前 治 脱节 比较 严重 ， 编 程 教科 书 、 机 房 都 是 Windows 的 ， 没 有 Linux， 也 没有 Mac。 如 果 你 热爱 编程 ， 经 
过 几 年 的 实践 ， 自 然 就 去 接触 到 Linux 服 务 器 自动 化 部 署 、 代 码 自动 化 测试 发 布 ， 这 就 是 自动 化 ， 不 再 喜欢 在 界面 上 点 来 点 去 
了 。 而 且 这 时 候 你 所 在 的 公司 也 不 一 样 了 ， 到 了 前 治 技 术 公 司 ， 没 有 Windows， 只 有 Linux 和 OS X， 和 服务 器 环境 一 致 或 接 
近 ， 上 比如 Google、 豆 闪 、 小 米 、 僻 了 么 ， 其 至 二 三 线 公 司 比 如 安居 客 。 








举 个 例子 ， 大 家 也 许 就 明白 了 : “学 校 机 房 需 要 给 1000 台 电脑 安装 盗版 Office、QQ 等 几 十 个 软件 ， 你 会 怎么 做 ?3 BASS 
脑 上 点 下 一 步 ?1 天 之 内 能 完成 吗 ? 这 时 候 就 知道 自动 化 的 意义 了 。 "。 


有 的 童鞋 看 到 这 个 问题 乐 了 ， 休 息 一 下 ， 请 看 这 里 : zhi.hu/31MG 

回 到 正题 ， 现 在 假设 你 是 一 个 编程 菜鸟 ， 热 爱 图 形 界 面 ， 痛 恨 命令 行 。 没 关系 ， 本 章 就 是 面向 菜鸟 的 ， 大 家 都 是 从 这 个 阶段 
过 来 的 ， 在 大 陆 的 Windows 教 育 下 ， 菜 乌 热 爱 图 形 界面 是 正常 的 ， 不 丢人 。 那 你 很 可 能 用 的 是 Windows， 如 果 用 的 是 Linux 
或 OS X， 那 说 明 你 爱 钻 研 ， 领 先 同龄 人 好 几 年 。 

入 门 时 ， 如 何 快速 搭建 开发 环境 ? 


Windows : 下 载 wnmp (getwnmp.org) ， 图 形 界面 的 ， 点 下 一 步 安装 ， 右 键 使 用 管理 员 权 限 启 动 即 可 。 


Ubuntu (Linux 有 很 多 版 本 ， 本 书 以 流行 的 Ubuntu 为 例 ) : 一 个 命令 即 可 


sudo apt-get install nginx php5-fpm php5-mysqlnd 


Mac: 


brew install nginx 


安装 过 程 不 再 截图 ， 不 再 详 述 ， 因 为 “DIY、 装 系统 、 装 软件 、Android 刷 机 ”对 于 计算 机 爱好 者 来 说 ， 是 小 意思 。 如 果 你 刚刚 
大 一 ， 对 这 些 不 熟 ， 没 关系 ， 多 装 几 次 就 熟 了 ， 有 问题 “Google 一 下 ， 你 就 知道 的 太 多 了 "。 如 果 装 过 几 次 ， 你 发 现 自己 

对 "CPU、 内 存 、 显 卡 、 固 态 硬 瘟 、 系 统 、 软 件 、 网 站 "不 感 兴趣 ， 嫌 麻烦 不 爱 折 腾 ， 那 说 明 你 真 的 不 爱好 计算 机 ， 千 万 不 要 
学 编程 ， 立 即 停止 阅读 本 书 ， 转 专业 还 来 得 及 ， 钻 研 感 兴趣 的 方向 ， 否 则 工作 几 年 差距 越 来 越 大 ， 别 人 感 兴趣 ， 自 然 爱 折腾 
爱 钻 研 ， 进 入 BAT 一 线 公司 〈 应 届 一 本 本 科 生 起 薪 12w) ， 逐 渐 成 为 高 级 工程 策 、 架 构 病 、 技 术 专 家 ， 或 者 去 创业 9 个 月 挣 
70W， 而 你 在 一 个 不 感 兴趣 的 行业 里 ， 一 直 是 入 门 级 工程 病 打 厅 ， 只 能 在 二 线 公 司 (新 浪 、 网 易 、 搜 狐 ， 应 届 本 科 生 月 薪 几 
+), BRE=RORAD, —BLAK, BREA. 


装 好 以 后 ， 用 浏览 器 访问 http://localhost/， 看 到 一 个 简单 的 网 页 ， 是 这 样 的 : 


Welcome to nginx! - Mozilla Firefox 





在 线 阅 读 Welcome to nginx! x 


€ @localhost vc|| 图 * Google Q A + ff > | 三 


Welcome to nginx! 


If you see this page, the nginx web server is successfully installed and working. 
Further configuration is required. 


For online documentation and support please refer to nginx.org. 
Commercial support is available at nginx.com. 


Thank you for using nginx. 


这 个 网 页 在 哪 呢 ? 找到 以 后 ， 把 上 次 下 载 的 网 站 代码 放 进 去 ， 换 掉 它 ， 就 行 了 吧 ? 
对 。 
Windows : 在 C:Wnmp\html\， 把 index.php 删 除 ， 然 后 把 index.html 等 等 放 进 去 。 


Linux : 在 /usr/share/nginx/html/， 修 改 权 限 ， 然 后 把 index.html 等 等 放 进去 。 


sudo chmod -R 777 /usr/share/nginx/html 


这 时 候 用 浏览 器 访问 http://localhost/， 就 看 到 网 站 了 。 不 过 localhost 代 表 本 机 ， 别 人 还 是 访问 不 了 。 所 以 别人 要 通过 IP 访 
问 ， 上 比如 我 的 电脑 |P 是 192.168.1.107， 那 访问 http:/192.168.1.107/ 即 可 。 如 图 : 


Firefox 网 络 浏览 器 ey Ty 串 16:55 W 
G 在 线 阅读 - Mozilla Firefox 
| 在 线 阅读 在 线 阅读 

Ouch. ze Google © [ENEENELY ve 图 -Google Q| tie + f ro 











摘要 : 通过 对 不 同 的 科学 上 网 的 方式 的 体验 和 说 明 ， 试 图 探寻 其 造成 这 种 现象 的 摘要 : 通过 对 不 同 的 科学 上 网 的 方式 的 体验 和 说 明 ， 试 图 探寻 其 造成 这 种 现象 和 
背后 的 原因 。 并 为 其 他 研究 者 提供 理论 依据 。 1) GoAgent 口感 偏 硬 ， 数 据 刚 朗 , 并 为 其 他 研究 者 提供 理论 依据 。 1) GoAgent 口感 偏 硬 ， 数 据 刚 朗 ， 不 经 任何 的 
不 经 任何 的 加 工 和 修饰 ， 尤 其 是 在 Windows 下 使 用 ， 一 口 咬 下 去 让 人 头皮 发 尤其 是 在 Windows 下 使 用 ， 一 口 咬 下 去 让 人 头皮 发 麻 。 即 便 最 新 的 产品 通过 ri 
麻 。 即 便 最 新 的 产品 通过 rc4 稍稍 润 饰 ， 但 仍旧 无 法 洗 去 那 钻 但 仍旧 无 法 洗 去 那 钻 .…… 














师姐 没事 啼 忠 总 说 ， 攒 够 钱 了 去 垫 个 鼻子 ， 拉 个 双眼 皮 。 我 说 ， 你 还 不 如 ， 去 隆 师姐 没事 嘴 叫 总 说 ， 攒 够 钱 了 去 垫 个 鼻子 ， 拉 个 双眼 皮 。 我 说 ， 你 还 不 如 ， 去 | 
个 胸 。 师姐 受到 的 最 多 的 赞美 ， 就 是 有 气质 。 很 明显 ， 师 姐 ， 不 算 漂 亮 ， 也 不 够 受到 的 最 多 的 赞美 ， 就 是 有 气质。 很 明显 ， 师 姐 ， 不 算 漂 亮 ， 也 不 够 性 感 。 师 ; 
性 感 。 师姐 一 直 没 有 恋爱 过 ， 这 让 我 挺 证 异 的 ， 直 到 她 提起 师兄 ， 我 才 知道 ， 原 爱 过 ， 这 让 我 挺 这 异 的 ， 直 到 她 提起 师兄 ， 我 才 知道 ， 原 来 师姐 如 此 纯情 地 喜 
来 师姐 如 此 纯情 地 喜欢 着 师兄 这 么 多 年 。 师兄 是 师姐 的 师兄 ， 在 我 认识 师 年 。 师兄 是 师姐 的 师兄 ， 在 我 认识 师 .…… 

. 京 ，30 实在 买 不 起 ii 中 FE 么 办 3? . 京 ，30 实在 买 不 活 感到 悲 怎么 办 ? 
事实 上 ， 我 是 为 这 个 被 折 双 的 答案 来 写 一 篇 回复 的 ， 我 只 想 说 ， 楼 主 在 精神 上 没 BIL, 我 是 为 这 个 被 折 双 的 答案 来 写 一 篇 回复 的 ， 我 只 想 说 ， 楼 主 在 精神 上 > 
准备 好 买房 ( 虽然 我 很 不 爱 这 么 定义 一 个 人 ) ， 即 使 他 的 收入 增长 50%， 到 了 30 (虽然 我 很 不 爱 这 么 定义 一 个 人 ) ， 即 使 他 的 收入 增长 50%， 到 了 30 万 ， 他 还 和 
万 ， 他 还 会 抱怨 买 不 起 房子 。 说 说 我 自己 吧 ， 我 是 29 岁 的 时 候 买 的 房子 ， 在 这 之 F. 说 说 我 自己 吧 ， 我 是 29 岁 的 时 候 买 的 房子 ， 在 这 之 前 ， 错 过 了 很 多 的 好 机 
前 ， 错 过 了 很 多 的 好 机 会 .…… 

e 奇 虑 360 上 平均 580 
e 奇 虚 360, 员工 平均 580 
“360 员 工 全 部 进入 北京 二 环 以 内 。 "现场 一 位 北京 记者 的 一 名 戏言 ， 引 发 现场 爆 

“360 员 工 全 部 进入 北京 二 环 以 内 。" 现 场 一 位 北京 记者 的 一 句 戏言 ， 引 发 现场 爆发 虎 总 裁 齐 向 东 对 本 报表 示 ，360 此 举 ， 确 实 创造 了 中 国 互联 网 的 员工 致富 神话 。 
出 欢呼 。 奇 虎 总 裁 齐 向 东 对 本 报表 示 ，360 此 举 ， 确 实 创造 了 中 国 互联 网 的 员工 上 个 月 以 上 的 员工 一 般 就 能 拿 到 股份 ， 一 般 员 工 持 股 4000 股 左右 ， 按 照 每 股 34 美 ; 


注意 : 这 是 内 网 IP， 在 同一 个 内 网 里 可 以 访问 ， 上 比如 学 校 等 大 局 域 网 环境 。 如 果 想 对 外 提供 网 站 服务 ， 需 要 一 个 公 网 IP。 那 
时 候 就 需要 购买 云 服 务 器 了 ， 那 是 另 一 个 话题 “搭建 生产 环境 服务 器 "”， 以 后 再 说 。 


IP 都 是 数字 太 难 记 了 ， 现 在 网 站 都 是 用 域名 啊 。 如 何 使 用 域名 访问 本 网 站 呢 ? 


很 简单 ， 域 名 是 由 域名 注册 商 出售 的 ， 在 google 中 搜索 domain 即 可 ， 各 家 价格 都 差不多 ，.com 后 绥 约 $8/ 年 ， 还 有 很 多 有 意 
思 的 后 缀 ， 比 如 douban.fim、zhi.hu、github.io、jianshu.io。 但 国内 域名 注册 商 大 部 分 都 不 正规 ， 你 购买 了 域名 ， 会 发 现实 
际 管理 员 邮 箱 是 商家 的 ， 最 重要 的 资产 是 域名 转移 码 ， 都 不 在 你 手 里 ， 这 就 很 危险 ， 你 买 的 未 西 却 不 属于 你 ， 仍 然 属 于 商 
家 。 而 在 国外 购买 域名 就 很 正规 ， 管 理 员 邮箱 、 转 移 码 都 是 你 的 。 





常见 的 国外 域名 注册 商 支持 支付 宝 的 有 : godaddy.com、resellerclub.com， 支 持 VISA 的 就 很 多 了 ， 比 如 register.com、 
name.com。 


网 站 正式 运营 的 时 候 ， 需 要 购买 顶级 域名 。 现 在 只 是 学 习 开 发 ， 那 申请 一 个 免费 的 二 级 域名 即 可 。 提 供 免 费 二 级 域名 的 商家 
很 多 ， 比 如 在 花生 壳 oray.com， 注 册 登 录 后 ， 进 入 我 的 控制 台 一 一 域名 管理 一 一 壳 域 名 添加 域名 即 可 。 比 如 我 申请 了 一 
个 sinkcup.wicp.net， 指 向 192.168.1.107， 如 图 : 





Firefox 网 络 浏览 器 


避 域名 管理 - 壳 域名 


€)ahttps://console.oray.com/domain/free/ ~ c| |B Google 


sinkcup.wicp.net 
OfQ J 2 rman i 


名 备注 : | 请 输入 备注 信息 





我 的 控制 台 。 |。 帐号 管理 


设置 预览 AiR | CNAME | MX 记录 | URL 转 发 ， SRV 记 录 《TXT 记录 花生 过 
域名 管理 过 域 名 
TERE ers ,  @ 设置 ic 录 后 ， 系统 将 自动 清空 花生 达 ，CNAME/URL 记 录 。 
A 记录 是 用 来 指定 主机 名 ( 或 域名 ) 对 应 的 IP 地 址 记录 。 


域名 IP 地 址 路 线 
国 sinkcup.oicp.net 通用 删除 





国 sinkcup.wicp.net | 通用 ， 增 加 


添加 域名 激活 花生 这 





高 级 设置 











在 线 阅 读 - Mozilla Firefox 
在 线 阅读 
€ @sinkcup.wicp.net E- Google Q *% $+ 傅 © ~ HTML5-see Page Source F150% 


HTML 验证 器 结 
amO 0 错 识 
“ 0 警告 








摘要 : 通过 对 不 同 的 科学 上 网 的 方式 的 体验 和 说 明 ， 试 图 探寻 其 造成 这 种 现象 的 背后 的 原因 。 并 为 其 他 研究 者 提供 理 T 
论 依 据 。 1) GoAgent 口感 偏 硬 ， 数 据 刚 朗 ， 不 经 任何 的 加 工 和 修饰 ， 尤 其 是 在 Windows 下 使 用 ， 一 口 咬 下 去 让 人 头 


Ree BBS eee wet rr4 HAR (ATID EERE 


现在 一 个 网 站 就 诞生 啦 | 点 “宇文 章 "， 然 后 "发表 "， 观 察 发 生 了 什么 。 
总 结 一 个 
我 的 技术 水 平 
HTML 服务 器 部 署 
语义 化 : 最 简 HTML 管理 员 权 限 GUI 或 CLI 安 装 包 
已 解决 的 问题 
e 如 何 提供 网 站 服务 
安装 HTTP server 即 可 。 
e 通过 IP 访 问 网 站 ， 很 难 记 怎么 办 
购买 顶级 域名 ， 或 者 申请 免费 的 二 级 域名 。 
e 奇 虎 360 上 市 员工 平均 身价 580 万 
“360 员 工 全 部 进入 北京 二 环 以 内 。" 现 场 一 位 北京 记者 的 一 名 戏言， 引发 现场 爆发 出 欢呼 。 奇 虎 总 裁 齐 向 东 对 本 报表 
示 ，360 此 举 ， 确 实 创 造 了 中 国 互 联网 的 员工 致富 神话 。 据 了 解 ， 入 职 9 个 月 以 上 的 员工 一 般 就 能 拿 到 股份 ， 一 般 员 工 持 


股 4000 股 左右 ， 按 照 每 股 34 美 元 减 去 相关 费用 计算 ， 获 利 约 70 多 万 元 人 民 币 。 网 易 新 闻 ， 和 与 你 分 
=, http://163.fm/WqOc6mR 


待 解决 的 问题 


e 哪里 能 找到 《计算 机 互联 网 导论 》 这 本 书 ? 
找 不 到 .……. 我 正在 写 的 ， 还 没 写 完 .……: 有 一 本 讲 互 联网 的 书 《 浪 潮 之 茵 》， 很 精彩 ， 推 荐 阅读 ， 但 不 是 面向 大 一 新 生 互 
联网 入 门 的 ， 所 以 我 才 想 到 写 一 本 导论 。 如 果 大 家 喜欢 现在 情况 ， 而 不 是 “第 一 台 计 算 机 是 什么 时 候 诞生 的 "这 种 导 
论 .…... 欢迎 联系 我 ， 参 加 试 读 。 


o 发 表 的 文章 怎么 不 见 了 ? 


且 听 下 回 分 解 。 


PHP 让 内 容 动 起 来 


发 表 的 文章 怎么 不 见 了 ? 

因为 那 是 静态 HTML 网 页 ， 不 能 处 理 数据 。 这 时 候 就 需要 PHP 了 。 

首先 要 配置 一 下 nginx 服 务 器 ， 当 发 现 请 求 了 PHP 文 件 时 ， 就 传递 给 PHP 程 序 进行 处 理 。 
Windows : 无 需 配 置 。wnmp 已 经 默认 配置 好 了 ， 启 动 PHP 和 nginx 即 可 。 


Linux : 按照 下 面 的 图 片 进 行 修改 。 
sudo vi /etc/nginx/sites-enabled/default 


sinkcup@163-com: ~ 
index index.php index.html; 


server_name localhost; 


location / { 


try_files Suri Suri/ =404; 


+ + 
€ 


location ~ \.php$ { 
fastcgi_split_path_info *(.+\.php)(/.+)$; 


IN 
$ 


$ 
上 


fastcgi_pass unix:/var/run/php5-fpm.sock; 
fastcgi_index index.php; 
include fastcgi_params; 





修改 完毕 ， 重 启 nginx。 


sudo /etc/init.d/nginx reload 


然后 开始 写 代 码 。 修 改 “ 发 表 页 "add_article.html 的 表单 ， 提 交 到 PHP。 代 码 如 下 : 


<h1> 写 文章 </h1> 
<form action="add_article_submit.php" method="post"> 


add_article_submitphp 收 到 数据 ， 保 存 到 哪里 呢 ? 最 简单 的 方法 : 本 地 文件 。 代 码 如 下 : 


<?php 

$input = $_POST; 

$file = '/articles.json'; 

$data = array(); 

if (file_exists($file)) { 
$tmp = file_get_contents($file); // 读 取 文 件 ， 变 成 字符 串 
if(ftempty($tmp)) { 

$data = json_decode($tmp, true); Wijson 解 码 成 array 

} 





} 

$data[] = $input; 

file_put_contents($file, json_encode($data)); // 把 字符 串 保存 到 文件 
echo 保存 成 功 '; 





能 看 懂 这 些 代 码 吗 ? 如 果 看 不 懂 ， 学 一 下 PHP 语 法 ， 很 簿 单 。 看 这 里 : 《PHP 官 方 手册 : 第 一 个 PHP 页 
面 》http:/www.php.net/manual/zh/tutorial.firstpage.php 


自学 : 0.5 天 。 
然后 把 这 些 代码 下 载 下 来 : https://github.com/sinkcup/php-ebook-online-reader/tree/0.2.0 


在 浏览 器 里 访问 ， 尝 试 录 入 一 篇 文章 。 如 图 : 


bk ty Œ o) 22:00 X 


写 文章 -在 线 阅读 - Mozilla Firefox 





QAZA + ff 加 -0 错误 /0 警告 F150% 
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而 SxS -在 线 阅读 * Mi 搭建 开发 环境 服 .… * 
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| 作者 : Ryekee 
标题 : 3 科学 上 网 的 方式 对 数据 造成 的 影响 


II RT Re I IT DO 


5 的 。 希 望 广大 新 加 入 大 家 庭 的 朋友 也 要 谨慎 对 待 。 


7) 肉 身 

上 述 讨论 的 各 类 产品 都 是 在 墙 的 这 一 侧 去 品尝 墙 的 那 一 侧 的 数据 ， 各 类 

产品 各 有 长 处 。 但 无 论 哪 种 产品 ， 都 无 法 避免 在 搬运 数据 途中 可 能 发 生 

的 味道 遗失 、 精 华 被 盗 等 风险 ， 于 是 亦 有 无 数 的 学 生 和 程序 猿 科学 上 网 

发 烧 友 ， 选 择 了 将 自己 打包 送 到 墙 的 那 一 人 出 ， 去 感受 那 扑 面 而 来 的 奶酪 

芬芳 。 但 他 们 此 举 也 意味 着 失去 了 墙 的 这 一 侧 那些 免费 而 又 大 量 的 二 次 | 
内 容 : 分 发 的 数据 ， 失 去 了 观看 愉快 的 视频 的 便利 。 


发 表 


ati 


Mozilla Firefox 
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at) 


然后 回 到 首页 ， 刷 新 ， 看 到 文章 列表 ， 可 以 点 进去 阅读 ， 如 图 : 


A 4 23:02 Ñ 
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写 文章 








摘要 : 通过 对 不 同 的 科学 上 网 的 方式 的 体验 和 说 明 ， 试 图 探寻 其 造成 这 种 现象 的 背后 的 原因 。 并 为 其 他 研究 者 提供 理论 依据 。 1) GoAgent 口感 偏 硬 ， 数 据 刚 朗 ,不 经 任 
= 何 的 加 工 和 修饰 ， 尤 其 是 在 Win 





师姐 没事 嘴 曙 总 说 ， 攒 够 钱 了 去 垫 个 鼻子 ， 拉 个 双眼 皮 。 我 说 ， 你 还 不 如 ， 去 隆 个 胸 。 师姐 受到 的 最 多 的 赞美 ， 就 是 有 气质 。 很 明显 ， 师 姐 ， 不 算 漂 亮 ， 也 不 够 性 感 。 
师姐 一 直 没 有 恋爱 过 ， 这 让 我 挺 这 


ae) 


论 不 同 的 科学 上 网 的 方式 对 数据 造成 的 影响 - Mozilla Firefox A th a 4) 22:06 W 
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论 不 同 的 科学 上 网 的 方式 对 数据 造成 的 影响 
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摘要 : 通过 对 不 同 的 科学 上 网 的 方式 的 体验 和 说 明 ， 试 图 探寻 其 造成 这 种 现象 的 背后 的 原因 。 并 为 其 他 研究 者 提供 理论 依据 。 


1) GoAgent 
口感 偏 硬 ， 数 据 刚 朗 ， 不 经 任何 的 加 工 和 修饰 ， 尤 其 是 在 Windows 下 使 用 ， 一 口 咬 下 去 让 人 头皮 发 麻 。 即 便 最 新 的 产品 通过 rc4 稍稍 润 饰 ， 但 仍旧 无 法 洗 去 那 钻 进 曙 孔 逃 之 
不 去 腥 味 。 


但 其 却 以 出 色 的 性 价 比 成 为 当下 最 为 流行 的 产品 之 一 。 


2) SSH 
SSH 偏 热 ， 数 据 有 一 股 淡 淡 的 暖 意 ， 在 敲 击 键盘 的 每 一 刻 都 能 感受 到 空气 中 散步 的 欢快 的 气体 分 子 。 在 以 SSH 为 主打 的 服务 器 中 ， 尤 以 港 台地 区 的 服务 器 最 为 出 色 ， 在 每 一 
个 比特 的 数据 上 都 能 感受 到 赤道 的 炙热 阳光 ， 和 热带 的 奔放 风情 。 


但 其 第 22 号 产品 常常 会 被 网 络 管理 员 家 养 的 狗 嗅 到 并 迅速 抢 走 ， 因 此 科学 上 网 发 烧 友 普遍 会 选择 超过 8000 号 的 产品 ， 更 有 狂热 的 发 烧 友 会 疯狂 到 使 用 超过 60000 号 的 产 
品 。 

SSH 爱好 者 还 面临 着 一 个 难题 ， 就 是 Windows 派系 的 餐具 的 选择 。 大 多 数 爱好 者 们 都 会 选择 使 用 MyEnTunnel 或 者 Bitvise 等 第 三 方 散步 的 漂亮 的 GU 餐具 ， 也 有 部 分 狂热 
的 CLI 爱好 者 会 选择 cmd 来 食用 。 


3)VPN 
VPN 的 数据 则 最 为 舒服 ， 并 且 吃 起 来 放心 ， 每 一 个 字 节 的 数据 ， 都 有 着 来 自 大 洋 彼岸 吹 来 海风 的 咸 咸 的 味道 ， 那 是 自由 的 味道 啊 ! 在 大 量 的 产品 提供 商 中 ， 尤 以 美国 西海 岸 
的 最 为 出 色 。 但 其 也 有 不 少 诉 病 ， 比 如 无 法 分 离 本 土 和 境外 的 口味 ， 将 两 种 口味 强行 的 混合 在 一 起 ， 了 晚上 8 点 到 10 点 的 人 流 高 峰 这 样 的 体验 就 十 分 难受 。 





另外 ， 尽 管 其 制作 流程 是 全 球 统一 标准 ， 但 老牌 产品 如 L2TP 和 PPTP 味道 独特 ， 很 容易 就 被 狗 发 现 ， 因 此 大 量 发 烧 友 选择 口味 清淡 的 IPsec 或 者 转战 使 用 其 他 的 产品 。 


4) APNP 


总 结 一 下 


我 的 技术 水 平 


HTML PHP 数据 存储 HTTP 协 议 


语义 化 : 最 简 HTML 让 内 容 动 起 来 文件 存 数据 GET、POST 


已 解决 的 问题 


提交 的 内 容 跑 哪里 去 了 ? 
可 以 存 到 本 地 文件 里 
GET 和 POST 有 什么 区 别 ? 该 用 哪个 ? 
简单 的 说 : GET 表 示 读 ，POST 表 示 写 。 
【阿里 IPO 后 员工 套现 410 亿美 元 ， 对 杭州 这 个 城市 会 有 怎样 的 影响 ? ] 


匿名 用 户 : 现身说法 ， 房 子 有 了 ， 目 前 的 代步 车 是 mini， 套 现 后 换 辆 路 虎 挠 有 性， 还 有 让 妻子 去 香港 生 孩 子 ， 这 就 是 我 的 
计划 。http://zhi.hu/4OKR (分 享 自 知 乎 ) 








待 解决 的 问题 


PHP 和 HTML 混 写 ， 很 乱 啊 ， 怎 么 解决 ? 


且 听 下 回 分 解 。 


保存 之 后 ， 在 Firefox 中 页 面 怎么 乱码 了 ? 


且 听 下 回 分 解 。 





表现 与 业务 逻辑 分 离 


PHP 和 HTML 混 写 ， 很 乱 啊 ， 怎 么 解决 ? 


一 个 页 面 分 成 两 个 文件 即 可 ， 一 个 PHP 做 逻辑 ， 一 个 HTML 做 模板 。 


比如 “首页 ” index.php 分 成 : index.php 和 index.html o index.php 代码 如 下 : 


<?php 
$articles = array(); 
$file = '/articles.json'; 
if (file_exists($file)) { 
$tmp = file_get_contents($file); 
if (ftempty($tmp)) { 
$articles = json_decode($tmp, true); 
} 
} 

















$d = array(); //d 是 data 的 意思 ， 后 续 会 用 到 
$d['articles'] = $articles; 
require_once _ DIR_. ‘/index.html'; 





index.html 代码 如 下 : 


<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmins="http://www.w3.org/1999/xhtml" xml:lang="zh-Hans" lang="zh-Hans"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<title> 在 线 阅读 </title> 
</head> 
<body> 
<h1> 在 线 阅 读 </h1> 
<div><a href="./add_article.html"> 写 文章 </a></div> 


<?php 
if (lempty($d['articles'])) { 
echo '<ul>'; 
foreach ($d['articles'] as $k=>$v) { 
$id = $k + 1; 
echo '<li><a href="./get_article.php?id='. $id . ">'. $v['title'] . '</a>'; 
echo '<p>'. mb_substr($v['content'], 0, 100, 'UTF-8') .'...... </p></li>'; 
} 
echo '</ul>'; 
} 
?> 
</body> 
</html> 


保存 之 后 ， 在 Firefox 中 页 面 怎么 乱码 了 ? 


打开 add_article_submit.php 的 源 代码 看 一 下 ， 只 输出 了 “保存 成 功 "， 那 这 不 是 一 个 网 页 。 


一 个 正常 的 网 页 需 


要 包含 DOCTYPE 


html、head、body 等 内 容 ， 其 中 head 里 的 charset 声 明了 编码 ， 这 样 浏览 器 才能 正常 显示 。 所 以 添加 一 个 notice.html 模板 即 


可 。 代 码 如 下 : 


<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmins="http://www.w3.org/1999/xhtml" xml:lang="zh-Hans" lang="zh-Hans"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<title> 提 示 : <?=$d['notice']['msg']?></title> 
</head> 
<body> 
<h1> 提 示 : <?=$d['notice']['msg']?></h1> 
<p><a href="/"> 回 到 首页 </a></p> 
</body> 
</html> 














截图 如 下 : 





而 提示 : 保存 成 功 


sinkcup/php-eb... * sinkcup/php-pd... * sinkcup/php-pd.. 
所 @sinkcup.wicp.net/adc 


¢ ub hp QIZA + A O- 0 错误 /0 敬告 F150% 8 | 三 
fe 
TER : 保存 成 功 


j 回 到 首页 





源 : http://sinkcup.wicp.net/add_article_submit.php - Mozilla FireFox 





<?xml version="1.0" encoding="UTF-8"?> 
= <IDOCTYPE html 
oe PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN” 
“http://www. w3.org/TR/xhtml1/010/xhtml1-transitional.dtd"> 
= <html xmLns="http://www.w3.org/1999/xhtmL" xml: lang="zh-Hans" Lang="zh-Hans"> 
a <head> 
a <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<title> 提 示 : 保存 成 功 </title> 
</head> 
<body> 
<h1> 提 示 : 保存 成 功 </h1> 
<p><a href="/"> 回 到 首页 </a></p> 
</body> 
</html> 


类 别 行 列 HTML 错误 与 警告 








帮助 Htmlpedia... 清理 此 页 面 ..， 选 项 … 
0 错误 /0 警告 HTML validator 

Doctype given is "-//W3C//DTD XHTML 1.0 Tran... -aa | 
Document content looks like XHTML 1.0 Strict 2 g i 


validated page has no errors, no warning found by the SGML Parser and HTML Tidy. 
To show your readers that you have taken the care to create an interoperable Web page, you may add this icon on your page: 


— , HMB, wy 








代码 下 载 https://github.com/sinkcup/php-ebook-online-reader/tree/0.3.0 
<a 
我 的 技术 水 平 


HTML PHP 数据 存储 HTTP 协 议 程序 员 的 自我 修养 装 各 
语义 化 让 内 容 动 起 来 单机 文件 GET、POST 
表现 与 业务 分 离 charset 


等 级 
PC + Windows 0.2 
Unicode 0.3 


已 解决 的 问题 
。 PHP 和 HTML 混 写 ， 很 乱 啊 ， 怎 么 解决 ? 


把 HTML 单 独 保存 ，PHP 中 require 即 可 ， 这 样 就 实现 了 表现 与 业务 逻辑 分 离 。 


e 保存 之 后 ， 在 Firefox 中 页 面 怎么 乱码 了 ? 


HTML 中 需要 声明 charset， 浏 览 器 地 知道 用 什么 编码 解析 。 


e ANSI 与 ASCII 的 区 别 ，UTF-8 与 Unicode 的 区 别 ，GB2312、CP936、GBK、GB18030 的 区 别 ， 为 什么 技术 公司 的 程序 
(Android, iOS, Linux, OS X, Windows) 都 使 用 Unicode ? 


e 【 百 万 年 薪 的 人 都 是 怎么 过 日 子 的 ? 】 





BAA? : 感谢 大 家 的 关注 。 很 多 朋友 对 选 对 行业 ……:http:/zhi.hu/3Rv9 (分 享 自 知 乎 ) 
待 解决 的 问题 


e 查看 get_article.php 的 代码 ， 读 一 篇 文章 ， 却 把 所 有 文章 取 了 出 来 ， 再 取 其 中 一 篇 ， 这 样 浪费 性 能 啊 ， 如 果 文 章 有 成 千 上 
万 篇 ， 那 怎么 办 ? 


且 听 下 回 分 解 。 


PDO MySQL 


如 果 文 章 有 成 千 上 万 篇 ， 该 怎样 保存 ? 


数据 保存 有 多 种 方式 ， 上 比如 单机 文件 (JSON、txt) 、 单 机 数据 库 (SQLite, Access) 、 网 络 数据 库 (MySQL/MariaDB、 
Oracle, SQL Server) 等 等 ， 根 据 项 目 需要 进行 选 型 。 做 Web 一 般 采 用 开源 并 且 免 费 的 MySQL/MariaDB， 本 书 也 以 MySQL 
为 例 。 


学 校 里 应 该 学 过 SQL， 如 果 没 学 过 ， 请 先 自学 《SQL 教程 》http:/www.w3school.com.cn/sql/。 
BŽ: IR: 


假设 这 个 在 线 阅 读 项 目 叫 做 “reader”， 需 要 一 个 “文章 " 表 “articles"。 建 库 建 表 代码 如 下 : 


CREATE DATABASE ‘reader’ DEFAULT CHARACTER SET utf8; 
USE ‘reader’; 
CREATE TABLE “articles* ( 
"id int(10) unsigned NOT NULL AUTO_INCREMENT, 
“author varchar(20) DEFAULT NULL, 
‘title’ varchar(50) DEFAULT NULL, 
‘content* text NOT NULL, 
PRIMARY KEY (`id`) 
) ENGINE=MyISAM DEFAULT CHARSET=utf8; 


然后 修改 add_article_submit.php ， 把 文章 保存 到 数据 库 中 即 可 。 代 码 如 下 : 


<?php 

$input = $_POST; 

$dsn = 'mysql:host=127.0.0.1;port=3306;dbname=reader;charset=utf8'; 
$user = 'root'; 

$password = '1'; 

$db = new PDO($dsn, $user, $password); // 连 接 数 据 库 


$sql = 'INSERT INTO ‘articles’ (author, ‘title’, `content`) VALUES ('.\". $input['author'] . VW,\". $input['title'] . \\". $input['conteni 


$stmt = $db->query($sql); /执行 SQL 
$id = $db->lastInsertld(); /获得 自 增 id 


if (tempty($id)) { 
$notice = ' 保 存 成 功 '; 


} else { 

$notice = ' 出 错 了 " 
} 
$d = array(); 
$d['notice'] = array( 


'msg' => $notice, 
); 


require_once __DIR _. ‘/notice.html’; 


外 


然后 首页 index.php 把 这 些 文章 查 出 来 即 可 ， 代 码 如 下 : 











<?php 

$dsn = 'mysql:host=127.0.0.1;port=3306;dbname=reader;charset=utf8'; 
$user = 'root'; 

$password = '1'; 

$db = new PDO($dsn, $user, $password); 


$sql = 'SELECT ‘id’, ‘author’, ‘title’, `contentò FROM ‘articles’ LIMIT 10'; 


$stmt = $db->query($sql); 
$stmt->setFetchMode(PDO::FETCH_ASSOC); 
$articles = $stmt->fetchAll(); 


$d = array(); 
$d['articles'] = $articles; 
require_once __DIR_ . ‘/index.html’; 


然后 单 篇 阅读 页 get_article.php ， 根 据 id， 查 出 一 篇 即 可 ， 这 样 比 查 出 来 所 有 文章 合理 多 了 。 代 码 如 下 : 


<?php 
$input = $_GET; 
$d = array(); 
if (lisset($input['id']) || empty($input['id'])) { 
$d['notice'] = array( 
msg' => ' 出 错 了 : 缺少 参数 ,， 
i 
require __DIR__ . '/notice.html'; 
exit; 


} 


$dsn = 'mysql:host=127.0.0.1;port=3306;dbname=reader;charset=utf8'; 
$user = 'root'; 

$password = '1'; 

$db = new PDO($dsn, $user, $password); 


$sql = 'SELECT ‘author’, ‘title’, “content* FROM ‘articles’ WHERE id='. $input[‘id'] . ' LIMIT 1'; 


$stmt = $db->query($sql); 
$stmt->setFetchMode(PDO::FETCH_ASSOC); 
$r = $stmt->fetchAll(); 


if (empty($r)) { 
$d['notice'] = array( 
'msg' => ' 出 错 了 : 查 无 此 文 ， 
Ne 
require _DIR_ . ‘/notice.html’; 
exit; 


D 


$d = array(); 
$d['article'] = $r[0]; 
require_once __DIR_ . '/get_article.html’; 


代码 下 载 : https://github.com/sinkcup/php-ebook-online-reader/tree/0.4.1 


现在 可 以 发 表 、 查 看 首页 、 单 篇 阅读 ， 功 能 都 实现 了 。 


总 结 一 下 


Ara 


我 的 技术 水 平 


HTML PHP 数据 存储 HTTP 协 议 程序 员 的 自我 修养 装备 等 级 
语义 化 让 内 容 动 起 来 单机 文件 GET、POST PC + Windows 0.2 
表现 与 业务 分 离 charset Unicode 0.3 
PDO MySQL 0.4 


已 解决 的 问题 


e 如 何 用 PHP 操 作 MySQL 数 据 库 ? 
使 用 PDO 即 可 。 
e PDO、php_mysqli 和 php_mysql 的 区 别 是 什么 ? 
请 自学 了 解 。 注 意 : php_mysql 已 废弃 。 
e 【 没 钱 ， 对 现在 的 年 轻 人 意味 着 什么 ? 】 
luckystar 神 探 : 来 ， 讲 个 故事 。 从 前 有 个 骚 年 叫 小 明 。 不 是 姚 小 明 ， 不 是 黄 小 明 ， 也 不 是 郭 小 明 。 就 是 一 个 普 普通 通 


的 、 扎 人 堆 里 找 不 出 来 的 小 明 。 男 ， 二 十 多 岁 ， 家 境 普通 。 口 头 禅 是 「 还 不 是 因为 老子 穷 ]。 BAN, Al... 
http://zhi.hu/1P8D (分 享 自 知 乎 ) 


待 解决 的 问题 
e 访问 index.php 是 正常 网 页 ， 但 访问 index.html 看 到 了 什么 ? 
请 进行 实验 。 且 听 下 回 分 解 。 
e index.php. get_article.php 等 多 个 文件 里 都 连 了 数据 库 ， 如 果 密 码 变 了 ， 每 个 地 方 都 要 改 ， 怎 么 办 ? 


且 听 下 回 分 解 。 


目录 规划 意识 的 觉醒 


访问 index.php 是 正常 网 页 ， 但 访问 index.html 看 到 了 什么 ? 


N 


A ty 21:09 W 


在 线 阅 读 - Mozilla Firefox 





© 在 线 阅读 x PDO MySQL | P... * sinkcup/php-pd... * sinkcup/php-pd... * sinkcup/php-pd... x & 
QAS + A O- 0 错误 /0 敬告 F150% & | = 





t @sinkcup.wicp.net/index 
9 
s 
中 在 线 阅读 
Berea 
'; foreach ($d['articles'] as $k=>$v) { $id = $k + 1; echo ' 
本 ' . $v['title'] . ''; echo ' 
' , mb_substr($v['content'], 0, 100, 'UTF-8') . "= 


B '; }echo "'; } ?> 





如 上 图 所 示 ， 访 问 index.htm 会 看 到 代码 片段 ， 而 不 是 正常 的 网 页 ， 这 会 给 用 户 带 来 困惑 。 所 以 应 该 只 人 允许 访 
问 index.php 、 add_article.html 、 get_article.php 等 文件 ， 其 他 文件 一 律 禁 止 访 问 ， 上 比如 index.html 这 种 模板 文件 。 


如 何 禁 止 访 问 呢 ? 
把 允许 访问 的 文件 放 在 一 个 目录 ， 修 改 HTTP Server 的 根 目 录 指 向 这 里 即 可 。 


本 来 项 目 里 没有 目录 ， 所 有 文件 都 放 在 一 起 ， 是 这 样 的 : 


add_article_submit.php 
get_article.html 
get_article.php 


index.html 
index.php 

改 成 下 面 的 目录 结构 : 
htdocs/ 


add_article_submit.php 
get_article.php 
index.php 
res/ 
/layout/ 
get_article.html 
index.html 


然后 找到 nginx 的 配置 文件 ， 在 这 里 : 
e Windows : C:\Wnmp\Cconf\nginx.conf 
e Linux: /etc/nginx/sites-enabled/default 


修改 其 中 的 server->root， 重 启 nginx 即 可 。 如 图 所 示 : 


sinkcup@163-com: ~ 


listen 80 default_server; 
listen [::]:80 default_server ipv6only=on; 


root /usr/share/nginx/html/htdocsH 
index index.php; 


server_name localhost; 


location / { 


try_files Suri Suri/ =404; 


} 


"/etc/nginx/sites-enabled/default" 112L, 2579c BSA 24,35-42 











ART, BAMET, ids index.php 等 php 文 件 中 的 代码 要 改 。 以 前 是 : 


require_once __DIR__ . ‘/index.html’; 
要 改 成 : 
require_once __DIR__ . '/../res/layout/index.html'; 


然后 访问 index.htm 会 出 现 404 错 误 ， 即 “不 存在 ”。 而 访问 index.php 是 可 以 的 ， 如 图 所 示 : 


ah a) 11:40 3 
Login-JSFiddle... x E 内 容 管理 -空间 ... x 中 
QAZ + A 加 1 错误 /0 警告 F150% 三 






sinkcup/php-pd... * sinkcup/php-pd... * 





sinkcup/php-eb... * 





404 Not Found x SQLEARH|P... x Mike , MUAH... * 
e wicp.net; + ¢| |B 


404 Not Found 














nginx/1.4.6 (Ubuntu) 


阅读 - Mozilla Firefox 





sinkcup.wicp.net| ~ 0 错误 /10 警告 F150% 三 


在 线 阅 读 


Exe 


多 个 文件 里 都 连 了 数据 库 ， 如 果 密 码 变 了 ， 每 个 地 方 都 要 改 ， 怎 么 
办 ? 

同一 件 事情 ， 重 复 做 很 多 次 ， 浪 费 了 时 间 ， 是 编程 的 大 忌 ， 违 反 了 DRY 原 则 (don'trepeat yourself) 。 使 用 配置 文件 即 可 解 
决 此 问题 。 


配置 文件 用 什么 格式 ?打开 PHP 安 装 后 的 目录 ， 会 发 现 lib/php.ini 文 件 ， 这 是 PHP 的 配置 文件 ， 由 此 可 知 PHP 原 生 支持 ini 格 
式 。 本 书 也 采用 ini 格 式 。 配 置 文件 当然 也 不 应 该 让 用 户 访问 ， 所 以 单独 建 一 个 conf 目 录 ， 现 在 项 目 目录 结构 如 下 : 








conf/ 
db.ini 
htdocs/ 
add_article.html 
get_article.php 
index.php 
res/ 
/layout/ 
get_article.html 
index.html 


db.ini 的 内 容 如 下 : 


host="127.0.0.1" 
port="3306" 
dbname="reader" 
charset="utf8" 
username="root" 
password="1" 


然后 每 个 php 页面 解析 配置 文件 ， 连 接 数据 库 ， 执 行 SQL。 代 码 如 下 : 


$conf = parse_ini_file(__DIR__. '/../conf/db.ini'); 
$dsn = 'mysql:host='. $conf['host'] . ';port='. $conf['port'] . ;dbname='. $conf['dbname'] . ';charset='. $conf['charset']; 
$db = new PDO($dsn, $conf['username'], $conf['password']); 


如 图 所 示 : 


9 sinkcup@163-com: ~/github/php-ebook-online-reader 


= query(Ssql); 
setFetchMode( PDO: : FETCH_ASSOC); 
= Sstmt->fetchALl(); 





"htdocs/index.php" 21L, 664C 


可 以 看 到 ， 如 果 数 据 库 地 址 、 用 户 名 、 密 码 改 了 ， 只 用 改 db.ini 即 可 ， 很 方便 。 





代码 下 载 : https://github.com/sinkcup/php-ebook-online-reader/tree/0.5.0 


总 结 下 


我 的 技术 水 平 
HTML PHP 数据 存储 HTTP 协 议 程序 员 的 自我 修养 装备 等 级 
语义 化 让 内 容 动 起 来 单机 文件 GET、POST PC + Windows 0.2 
表现 与 业务 分 离 charset Unicode 0.3 
PDO MySQL 0.4 
目录 规划 DRY 0.5 


已 解决 的 问题 


e 访问 index.php 是 正常 网 页 ， 但 访问 index.html 看 到 了 什么 ? 





用 户 看 到 了 代码 片段 ， 这 是 不 对 的 ， 目 录 规 划 隔 离 即 可 。 











e 多 个 文件 里 都 连 了 数据 库 ， 如 果 密 码 变 了 ， 每 个 地 方 都 要 改 ， 怎 么 办 ? 





说 记 DRY， 使 用 ini 配 置 文件 。 当 然 还 可 以 使 用 PHP array, PHP object、JSON， 请 自行 了 解 。 





o 【锤子 手机 Smartisan T1 正式 发 售 版 的 实际 使 用 体验 如 何 ?】 














PPS : aH... 11 日 早上 收 到 的 ， 优 先 码 来 源 是 自己 购买 的 发 布 会 门票 。 总 体感 觉 是 ... 美 器 了 ... 非 常 非常 精致 。... 
http://zhi.hu/5h2M (分 享 自 知 乎 ) 








竺 解决 的 问题 


o 单 引号 能 保存 吗 ?会 导致 什么 后 果 ? 


请 按照 截图 进行 实验 。 且 听 下 回 分 解 。 


Ty 本 4) 21:05 Ñ 
x BORE , 对 es 


-空间 ... * W Ryekee | 简 书 
Hk /0 警告 F150% 8 | = 


sinkcup/php-pd... * sinkcup/php-pd... x Œ p y 
qA + ff O- 0% 


写 文章 -在 线 阅 读 x PDO MySQL | P... * sinkcup/php-pd... * 
a vc| | 图- Google 


€ @sinkcup.wicp.net/ac 


写 文章 


A 作者 : W. Somerset Maugham 
标题 : The Razor'sEdge 
单 引 号 能 保存 成 功 吗 ? 





内 容 : 


发 表 


A 让 村 21:01 


对 现在 ...。 x 


ii Ryekee | 简 书 


sinkcup/php-p... * 
QAZA + ff 加 ”0 错误 /0 警告 F150% & 


+ ¢| |v Google 


-在 线 阅 读 - Mozilla Firefox 
写 文章 -在 线 阅 读 x sql_injection.pn... x sinkcup/php-p... * 


€ @sinkcup.wicp.net/ac 


写 文章 


By 作者 : SQL 注入 
标题 : 清空 所 有 数据 


hello');truncate articles; 


sinkcup/php-e... * sinkcup/php-p. 





AR: 


发 表 


学 会 了 本 章 ， 你 的 收入 应 达到 


学 会 了 本 章 ， 你 的 月 薪 应 达到 


